<template lang="html">
// 1.借用Panel组件，传入title，修改类名class
    <Panel title="极速借贷" :class="$style.panel">
        <!-- 2.容器很简单，创建一个section -->
        <section :class="$style.content">
            <!-- 3.有一个链接router-link -->
            <router-link :to="{ name: 'home' }">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t12721/42/2497849749/26333/ec584be4/5a421756N2416c88f.png?width=750&height=280" alt="">
            </router-link>
        </section>
    </Panel>
</template>

<script>
// 4.导入panel
import Panel from "../core/panel.vue"
// 5.注册组件
export default {
    components: {
        Panel,
    },
}
</script>
// 6.写样式
<style lang="scss" module>
// 7.导入element样式
  @import "../../css/element.scss";
//   8.创建panel类
  .panel{
//   9.声明内容样式
    @include panel;
    .content{
// 10.加入底色padding
      padding-bottom: 40px;
      img{
//  11.修饰图片，设置为block，宽度为100%
        display: block;
        width: 100%;
      }
    }
  }
</style>
